<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的购物车-品优购</title>
    <!-- 制作favicon图标 http://www.bitbug.net/ -->
    <link rel="shortcut icon" href=" favicon.ico" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/购物车结算界面.css">
    <script src="js/jquery-3.6.0.min.js"></script>
    <script src="js/购物车结算.js"></script>
</head>

<body>
    <!-- 快捷导航栏 start -->
    <div class="shortcut">
        <div class="w">
            <div class="left">
                <span>品优购欢迎您！</span>
                <a href="#" class="login">请登录&nbsp;</a>
                <a href="#" class="sign">免费注册</a>
            </div>
            <ul class="right">


                <li>
                    <a href="">我的订单</a>
                </li>
                <li>
                    <a href="">|</a>
                </li>
                <li>
                    <a href="" class="iconmoon">我的品优购</a>
                </li>
                <li>
                    <a href="">|</a>
                </li>
                <li>
                    <a href="">品优购会员</a>
                </li>
                <li>
                    <a href="">|</a>
                </li>
                <li>
                    <a href="">企业采购</a>
                </li>
                <li>
                    <a href="">|</a>
                </li>
                <li>
                    <a href="" class="iconmoon">关注品优购 </a>
                </li>
                <li>
                    <a href="">|</a>
                </li>
                <li>
                    <a href="" class="iconmoon">客户服务</a>
                </li>
                <li>
                    <a href="">|</a>
                </li>
                <li>
                    <a href="" class="iconmoon">网站导航</a>
                </li>

            </ul>

        </div>

    </div>
    <!-- 快捷导航栏 end -->
    <!-- 头部 start -->
    <header class="header w">
        <img src="images/logo_03.png" alt="图片加载错误" title="品优购">
        <h1>购物车</h1>
    </header>
    <!-- 头部 end -->
    <!-- -------------------------------------------------------- -->
    <!-- 全部商品结算START -->
    <div class="settlement w">
        <h2>全部商品</h2>
        <div class="setheader">
            <ul>
                <li><input type="checkbox" name="" id="" class="checkall checkall1">全选</li>
                <li>商品</li>
                <li>单价</li>
                <li>数量</li>
                <li>小计</li>
                <li>操作</li>
            </ul>
        </div>
        <div class="shopcar">
            <!-- 111111111111111111111 -->
            <div class="setcar w">
                <div class="checkq"><input type="checkbox" name="" id="" class="check"></div>
                <div class="shopthing">
                    <div class="shoppingthing"><img src="./02-购物车素材/upload/p1.jpg" alt="" srcset=""></div>
                    <span class="shoptext">【5本26.8元】经典儿童文学彩图青少版八十天环游地球中学生语文教学大纲</span>
                </div>
                <div class="Unit-price">￥12.60</div>
                <div class="num">
                    <input type="button" value="-" class="subtraction">
                    <input type="text" name="number" id="number" class="number" value="1">
                    <input type="button" value="+" class="addition">
                </div>
                <div class="count">￥12.60</div>
                <div class="del"><a href="#">删除</a></div>
            </div>
            <!-- 2222222222222222222222222222222 -->
            <div class="setcar w">
                <div class="checkq"><input type="checkbox" name="" id="" class="check"></div>
                <div class="shopthing">
                    <div class="shoppingthing"><img src="./02-购物车素材/upload/p2.jpg" alt="" srcset=""></div>
                    <span class="shoptext">【2000张贴纸】贴纸书 3-6岁 贴画儿童 贴画书全套12册 贴画 贴纸儿童 汽</span>
                </div>
                <div class="Unit-price">￥25.60</div>
                <div class="num">
                    <input type="button" value="-" class="subtraction">
                    <input type="text" name="number" id="number" class="number" value="1">
                    <input type="button" value="+" class="addition">
                </div>
                <div class="count">￥25.60</div>
                <div class="del"><a href="#">删除</a></div>
            </div>
            <!-- 3333333333333333333333333333333333333 -->
            <div class="setcar w">
                <div class="checkq"><input type="checkbox" name="" id="" class="check"></div>
                <div class="shopthing">
                    <div class="shoppingthing"><img src="./02-购物车素材/upload/p3.jpg" alt="" srcset=""></div>
                    <span class="shoptext">唐诗三百首+成语故事全2册 一年级课外书 精装注音儿童版 小学生二三年级课外阅读书籍</span>
                </div>
                <div class="Unit-price">￥30.00</div>
                <div class="num">
                    <input type="button" value="-" class="subtraction">
                    <input type="text" name="number" id="number" class="number" value="1">
                    <input type="button" value="+" class="addition">
                </div>
                <div class="count">￥30.00</div>
                <div class="del"><a href="#">删除</a></div>
            </div>
            <!-- -------------------------------------------------------- -->
            <div class="jiesuan">
                <div class="checkallq"><input type="checkbox" name="" id="" class="checkall">全选</div>
                <div class="delall">
                    <a href="#" class="delall22">删除所选中的商品</a>
                    <a href="#" class="delall33">清理购物车</a>
                </div>
                <div class="shangpin">已经选<span>0</span>件商品</div>
                <div class="zongjia"> <em>总价: </em> <span>￥0.00</span></div>
                <div class="jiesuanmoney"><a href="#">去结算</a></div>
            </div>
        </div>

    </div>






    <!-- 全部商品结算END -->

    <!-- ---------------------------------------------- -->
    <!-- footer的制作 star-->
    <footer class="footer">
        <div class="w">
            <!-- 三个大盒子加底部边框线 -->
            <ul class="fotter-top">
                <li><img src="images/footer1_03.png" alt="">
                    <a href="#">
                        <span><h4>正品保障</h4><br>正品保障，提供发票</span> </a>
                </li>

                <li><img src="images/foot2_05.png" alt="">
                    <a href="#">
                        <span><h4>急速物流</h4><br>急速物流，极速送达</span></a>
                </li>

                <li><img src="images/foot3_07.png" alt="">
                    <a href="#">
                        <span><h4>无忧售后</h4><br>七天无理由退货</span></a>
                </li>

                <li><img src="images/foot4_09.png" alt="">
                    <a href="#">
                        <span><h4>特色服务</h4><br>私人定制家电套餐</span></a>
                </li>

                <li><img src="images/foot5_11.png" alt="">
                    <a href="">
                        <span><h4>帮助中心</h4><br>您的购物指南</span></a>
                </li>

            </ul>
            <div class="footer-center">
                <dl>
                    <dt><a href="#">购物指南</a></dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>

                </dl>

                <dl>
                    <dt><a href="">配送方式</a></dt>
                    <dd><a href="">上门自提</a></dd>
                    <dd><a href=""> 211限时达</a></dd>
                    <dd><a href=""> 配送服务查询</a></dd>
                    <dd><a href=""> 配送费收取标准</a></dd>
                    <dd><a href=""> 海外配送</a></dd>

                </dl>

                <dl>
                    <dt><a href="">支付方式</a></dt>
                    <dd><a href="">货到付款</a></dd>
                    <dd><a href="">在线支付</a></dd>
                    <dd><a href="">分期付款</a></dd>
                    <dd><a href="">邮局汇款</a></dd>
                    <dd><a href="">公司转账</a></dd>
                </dl>
                <dl>
                    <dt>售后服务</dt>
                    <dd><a href="">售后政策</a></dd>
                    <dd><a href="">价格保护</a></dd>
                    <dd><a href="">退款说明</a></dd>
                    <dd><a href="">返修/退换货</a></dd>
                    <dd><a href="">取消订单</a></dd>

                </dl>

                <dl class="dlfive">
                    <dt><a href="">特色服务</a></dt>
                    <dd><a href="">夺宝岛</a></dd>
                    <dd><a href="">DIY装机</a></dd>
                    <dd><a href="">延保服务</a></dd>
                    <dd><a href="">品优购E卡</a></dd>
                    <dd><a href="">品优购通信</a></dd>
                </dl>

                <dl>
                    <dt>&nbsp;&nbsp;帮助中心</dt>
                    <dd> <img src="images/二维码_16.png" alt=""> </dd>
                    <dd>&nbsp;&nbsp;品优购客户端</dd>
                </dl>
            </div>
            <div class="footer-bottom">
                <div class="lianjie"> <a href="">关于我们</a>|
                    <a href="">联系我们</a>|
                    <a href="">联系客服</a>|
                    <a href="">商家入驻</a>|
                    <a href="">营销中心</a>|
                    <a href="">手机品优购</a>|
                    <a href="">友情链接</a>|
                    <a href="">销售联盟 </a>|
                    <a href="">品优购社区</a>|
                    <a href="">品优购公益</a>|
                    <a href="">English Site</a>|
                    <a href="">Contact U</a></div>
                <div class="copyright">地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br> 京ICP备08001421号京公网安备110108007702
                </div>

            </div>
        </div>
    </footer>
    <!-- footer的制作 end-->
</body>

</html>